<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>小普商城</title>
    <link rel="stylesheet" href="css/aui.css">
    <link rel="stylesheet" type="text/css" href="css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="./css/aui-flex.css" />
    <!--<link rel="stylesheet" href="css/main.css">-->
    <link rel="stylesheet" href="css/index.css">
    <script type="text/javascript" src="js/base.js"></script>

    <style type="text/css">
        .aui-slide-page-active{
            background: #757575;
        }
        @media screen and (max-width:320px){
            #aui-slide2{  height:160px; }
            .imgWh{width:6.5rem;margin-top:0.5rem;padding-left:0.5rem}
            .goodsDec{width:6.5rem;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}

        }
        @media screen and (min-width:321px) and (max-width:376px){
            #aui-slide2{  height:187.5px;  }
            .imgWh{width:8rem;;margin-top:0.5rem;;padding-left:0.5rem}
        }
        @media screen and (min-width:377px) and (max-width:415px){
            #aui-slide2{  height:207px;  }
            .imgWh{width:9rem;margin-top:0.5rem;padding-left:0.5rem}
        }
    </style>
</head>
<body>
<!--<header class="aui-bar aui-bar-nav aui-bar-top">微信商城</header>-->
<!--轮播-->
<!--<div  id="imgBg1">-->
    <!--<img src="./images/5.png"  style="width:150%;height:600px">-->
<!--</div>-->

<div id="body1">
<section id="app" v-cloak>
    <div id="aui-slide2">
        <div class="aui-slide-wrap">
            <div id="sliders" class="aui-slide-node aui-slide-node-middle aui-slide-node-center"  v-for="adList,index in  wxAdList">
                <div class="aui-content" @click="goAdDetail(index)" >
                 <span class="aui-text-success">
                    <img v-bind:src="imgBaseUrl+adList.ad_images">
                     <!--<img src="icon/one.jpg" alt="">-->
                 </span>
                </div>
            </div>
        </div>
        <div class="aui-slide-page-wrap"> </div>
    </div>
<div class="aui-bg-default ad" @click="goActivity()">
    <img src="./icon/huodong.png">
</div>
    <div class="shop_title">商品榜单</div>

    <div v-for="goods,idx in showGoodsList">
    <div class="aui-flex-col aui-flex-item-12 maTongGoods" v-if="idx==0"   v-on:click="goGoodsDetail(goods.goods_id)">
        <div class="aui-flex-col-6 aui-margin-t-10">
            <div style="font-size: 0.9rem">小普健康超能马桶盖</div>
            <p class="aui-font-size-12">一款可以体检的超能马桶盖</p>
            <div class="aui-margin-t-10 " style="color:#f11031">
                <span style="position:relative;top:-0.4rem;font-size: 0.5rem">￥</span>
                <span style="font-size:1.2rem;">{{goods.shop_price}}</span>
            </div>
            <div class="aui-bg-danger lingShop">0元购活动火热进行中</div>
        </div>
        <div class="aui-flex-col-6">
            <img  class="imgWh" src="./icon/maTong.png" alt="">
        </div>
    </div>
    <div style="background-color:#fafafa;">
            <div class="aui-flex-item-6  listBorder"  v-if="idx==1"   v-on:click="goGoodsDetail(goods.goods_id)">
                <img src="./icon/huLiYe.png" >
                <div class=" aui-padded-t-5 shop_price " style=" padding-left: 1rem;">
                    <h5 class=" aui-font-size-18" style="color:#271d1b">{{goods.goods_name}}</h5>
                    <p class="aui-font-size-12 goodsDec">草本精华 雾化护理</p>
                     <div class=" textColor" style="height:2rem;line-height: 2rem"><span  style="position:relative;top:-0.2rem;font-size:0.5rem">￥</span><span class=" aui-font-size-18">{{goods.shop_price}}</span> </div>
                </div>
           </div>
        <div class="aui-flex-item-6  listBorder"  v-if="idx==2"     v-on:click="goGoodsDetail(goods.goods_id)">
            <img src="./icon/shouBiao.png" >
            <div class=" aui-padded-t-5 shop_price "  style=" padding-left: 1rem;">
                <h5 class=" aui-font-size-18" style="color:#271d1b;width: 7.6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;">{{goods.goods_name}}</h5>
                <p class="aui-font-size-12 goodsDec">创新六大功能，守护你的健康</p>
                <div class=" textColor" style="height:2rem;line-height: 2rem"><span  style="position:relative;top:-0.2rem;font-size:0.5rem">￥</span><span class=" aui-font-size-18">{{goods.shop_price}}</span> </div>
            </div>
        </div>
   </div>
    </div>

    <div style="clear: both;margin-bottom: 2.5rem" ></div>
<!--<div  v-if="navigator && navigator.onLine === true" class="buttonInfo">没有更多商品</div>-->
    <div  v-if="navigator && navigator.onLine === false" class="buttonInfo" style="border: 0;margin-top:0"></div>
    <!--<a id="back-to-top" href="#">-->
        <!--<img  src="./images/toTop.png">-->
    <!--</a>-->
    <div v-if="navigator && navigator.onLine === false">
        <div @click="goOnLine()" style="position:relative;height: 2rem">
            <div style="position:absolute;top:50%;left:50%;margin-top:-8rem;margin-left: -4rem">
                <img src="icon/duanwang.png" alt="" style="width:8rem">
                <div class="aui-text-center aui-margin-t-15">暂无网络</div>
            </div>
        </div>
        <div  class="aui-text-center textCol" style="margin-top:1rem">请连接网络后,点击刷新</div>
    </div>

</section>
   <footer class="aui-bar aui-bar-tab" id="footer">
       <div class="aui-bar-tab-item aui-active"  >
           <i class="aui-iconfont aui-icon-home"></i>
           <div class="aui-bar-tab-label">首页</div>
       </div>
       <div class="aui-bar-tab-item ">
           <i class="aui-iconfont aui-icon-cart"></i>
           <div class="aui-bar-tab-label">购物车</div>
       </div>
       <div class="aui-bar-tab-item" >
           <i class="aui-iconfont aui-icon-my"></i>
           <div class="aui-bar-tab-label">个人中心</div>
       </div>
   </footer>
</div>
<!--<div  id="imgBg1">-->
    <!--&lt;!&ndash;<img src="./images/5.png"  style="width:150%;height:300px">&ndash;&gt;-->
    <!--<div class="tooltip">-->
               <!--<div><img src="./icon/1-3/alertHead.png" alt=""></div>-->
        <!--<div   id="goActivity">-->
               <!--<div class="aui-flex-col aui-padded-5  goodsInfo">-->
                   <!--<div class="aui-flex-item-4 aui-padded-t-5">-->
                       <!--<img src="./icon/1-3/hDmaTong.png" alt="">-->
                   <!--</div>-->
                   <!--<div class="aui-flex-item-8 aui-padded-t-10 aui-padded-l-10">-->
                       <!--<div class="aui-font-size-12" >【自营】一款可以体检的小-->
                           <!--普超能马桶盖 两年保质-->
                       <!--</div>-->
                       <!--<div  style="margin-top:0.5rem" >-->
                          <!--<div class="aui-font-size-14"  style="color:#f11031">￥5680.00</div>-->
                          <!--<div class=" small-font textCol" style="font-size: 10px;width:120%;"> <span style="text-decoration:line-through;">￥6980.00</span> <span class="aui-padded-l-10">76人成功参加活动零元购</span></div>-->
                       <!--</div>-->
                   <!--</div>-->
               <!--</div>-->
            <!--<div class="huoDongBtn" ><img src="./icon/huoDongBtn.png" alt=""></div>-->
        <!--</div>-->
        <!--<div class="closeBtn">-->
            <!--<i class="aui-iconfont aui-icon-close "></i>-->
        <!--</div>-->
    <!--</div>-->

<!--</div>-->
   <script type="text/javascript" src="js/zepto.min.js"></script>
   <script type="text/javascript" src="js/vue.min.js"></script>
    <script type="text/javascript" src="js/api.js"></script>
   <script type="text/javascript" src="js/aui-slide.js"></script>
    <script type="text/javascript" src="js/aui-toast.js"></script>
    <script type="text/javascript" src="js/aui-tab.js"></script>
    <script type="text/javascript" src="js/index.js"></script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="js/weixin.js" ></script>

</body>
</html>